Vertical Text using CSS - Mozilla

[pradheepayyanar]

I need a table header with text aligned vertically. I wrote a css and it works fine with IE, but mozilla doesn't support that. Is there any other way that we can represent vetical text?

Code i have used:

.verticaltext {
writing-mode: tb-rl;
filter: flipV flipH;
}
 

[kestrel]

Mozilla doesnt support vertical text using css, from what i can tell.
You're better off making an image, using paint or something

[ronverdonk]

Have a look at Stuart Nicholls site, dedicated to CSS. One of the samples is a vertical unordered list, also for Mozilla.

http://www.cssplay.co.uk/menus/vertical.html

Ronald :cool:

[austincollins]

you can display text rotated at 90 degrees using a combination of css and svg in all major browsers. you can use css for ie, and for firefox and opera use svg. see my post http://www.thescripts.com/forum/thread721811.html

[drhowarddrfine]

you can use css for ie, and for firefox and opera use svg.

I'm glad you pointed that out. Only modern browsers can use SVG but not IE.

Also, the CSS, in the original post, is not standard CSS and only works in IE.

[e9500368]

I'm glad you pointed that out. Only modern browsers can use SVG but not IE.

Also, the CSS, in the original post, is not standard CSS and only works in IE.

It seems to be standard CSS3:
http://www.w3.org/TR/2003/CR-css3-text-20030514/#Progression

[drhowarddrfine]

That is obsolete and has been replaced by this one.

[scottgale]

Here is my method for pure CSS vertical text: http://scottgale.com/blog/css-vertical-text/2010/03/01/

Works in FF, IE, and Webkit (Safari/Chrome)